<html>
    <head>
        <link rel="stylesheet" href="./bootstrap-3.3.7-dist/css/bootstrap.css">
        <script src="./jquery-3.2.1.js"></script>        
        <script src="./bootstrap-3.3.7-dist/js/bootstrap.js"></script>
        <style type="text/css">  
          p{ text-indent:2em;}  
          dt{text-indent: 2em;}
          .check{
            border: thin solid #00FF00;
            
          }
          </style>
          <meta charset="UTF-8">
    </head>

    <body>
    <div class="container">

        <div class="row">
            <h1>统一建模语言理论测试</h1>
            <div>
            <div class="col-xs-4" >
              <p>考试科目：统一建模语言  </p>
              <div style="padding: 10px 10px 0px;">
                  <form class="bs-example bs-example-form" role="form">
                      <div class="input-group">
                          <span class="input-group-addon">班级：</span>
                          <input type="text" class="form-control" placeholder="请输入班级">
                      </div>
                      <br>
            
                  </form>
                </div>
            </div>

                <div class="col-xs-4" >
                    <p>时间：100分钟   </p>
                    <div style="padding: 10px 10px 0px;">
                        <form class="bs-example bs-example-form" role="form">
                            <div class="input-group">
                                <span class="input-group-addon">  学号:</span>
                                <input type="text" class="form-control" placeholder="请输入学号">
                            </div>
                            <br>
                  
                        </form>
                      </div>
                </div>

                      <div class="col-xs-4" >
                          <p>得分：100  </p>
                          <div style="padding: 10px 10px 0px;">
                              <form class="bs-example bs-example-form" role="form">
                                  <div class="input-group">
                                      <span class="input-group-addon"> 姓名：</span>
                                      <input type="text" class="form-control" placeholder="请输入姓名">
                                  </div>
                                  <br>
                        
                              </form>
                            </div>
                      </div>
                </div>
        </div>
      
        
        <div class="row">
      <div class="clo-xs-12">
        <h2>一、填空题（每空5分，共20分）</h2></br>
            
      
            <div >
                <form class="form-inline" role="form">
                    <div class="form-group">
                            <label for="first">1、UML的中文全称是：</label>
                        <input type="text" class="form-control" id="first" placeholder="请输入答案">
                    </div>
                    <br>
                </form>
            </div>
        </div>

      
      
        <div >
            <form class="form-inline" role="form">
                <div class="form-group">
                        <label for="second"> 2、对象最突出的特征是:</label>
                    <input id="second" type="text" class="form-control" placeholder="请输入答案">
                    <input  id="second" type="text" class="form-control" placeholder="请输入答案">
                    <input  id="second" type="text" class="form-control" placeholder="请输入答案">
                </div>
                <br>
            </form>
        </div>
      
       


      </div>

        <h2>二、选择题（每题10分，共20分）</h2></br>
           
        <form>
        <dl>
       <p> 1、UML与软件工程的关系是：</p>
        
           <dt><input name="uml" type="radio" class="check">（A）UML就是软件工程<br/></dt>
           <dt><input name="uml" type="radio" >（B）UML参与到软件工程中软件开发过程的几个阶段<br/></dt>
           <dt><input  name="uml" type="radio" >（C）UML与软件工程无关<br/></dt>
           <dt><input name="uml" type="radio" >（D）UML是软件工程的一部分<br/></dt>
        </dl>
        </form>
        
        <form>
        <dl>
        <p>2、Java语言支持：</p>
          <dt><input name="uml" type="radio" >（A）单继承<br/></dt>
          <dt><input name="uml" type="radio" >（B）多继承<br/></dt>
          <dt><input name="uml" type="radio" >（C）单继承喝多继承都支持<br/></dt>
          <dt><input name="uml" type="radio" >（D）单继承和多继承都不支持<br/></dt>
         </dl>
        </form>
        
        <h2>三、多选择题（每题10分，共20分）   </h2></br>
        <p>1、用例的粒度分为以下哪三种：</p>
         <dt><input type="Checkbox" >  （A）概述级<br/></dt>
         <dt><input type="Checkbox" >（B）需求级<br/></dt>
         <dt><input type="Checkbox" >（C）用户目标级<br/></dt>
         <dt><input type="Checkbox" >（D）子功能级<br/></dt>
           
        <p>2、类图由以下哪三部分组成：</p>
        <dt> <input type="Checkbox" >  （A）名称(Name)<br/></dt>
        <dt><input type="Checkbox" >  （B）属性(Attribute)<br/></dt>
        <dt><input type="Checkbox" >  （C）操作（Operation）<br/></dt>
        <dt><input type="Checkbox" >  （D）方法（Function）<br/></dt>
       
        
        <h2>四、判断题（每题10分，共20分）</h2></br>
        <p>1.用例图只是用于和客户交流和沟通的，用于确定需求。<input name="2" type="radio">√ <input name="2" type="radio">×</p>
        <p>2.在状态图中，中止状态在一个状态图中允许有任意多个。<input name="2" type="radio">√ <input name="2" type="radio">× </p>
       
        
        
        <h2>五、简答题（每题20分，共20分）</h2></br>
        <p>1、简述什么是模型以及模型的表现形式？</p>
        <dt> <textarea rows="5" cols="90">
        模型是对现实世界的简化和抽象，模形式对所研究的系统、过程、事物或概念的一种表达形式。可以是物理实体；也可以是某种图形；或者是一种数学表达式。
        </textarea><br/><br/>
        

       
  
       
     
    <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
   计算分数
    </button>

<!-- Modal -->

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        确定提交试卷吗？
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">提交</button>
        <button type="button" class="btn btn-primary">再看看</button>
      </div>
      </div>
     </div>
     </div>
    </div>
    </body>

</html>